<template>
<!-- 搜索框 -->
<div class="search">
    <div class="svg">
        <svg viewBox="0 0 16 16" role="presentation" aria-hidden="true" focusable="false" style="height:18px;width:18px;display:block;fill:currentColor">
            <path d="m2.5 7c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5m13.1 6.9-2.8-2.9c.7-1.1 1.2-2.5 1.2-4 0-3.9-3.1-7-7-7s-7 3.1-7 7 3.1 7 7 7c1.5 0 2.9-.5 4-1.2l2.9 2.8c.2.3.5.4.9.4.3 0 .6-.1.8-.4.5-.5.5-1.2 0-1.7">
            </path>
        </svg>
    </div>
    <input type="text" placeholder="搜阿春试试看" class="text">
</div>
</template>
<script>
export default {
    data (){
        return {};
    },
}
</script>
<style scoped>
.svg{
    color:#484848;
    height: 48px;
    line-height: 48px;
    float: left;
    margin-top: 15px;
    margin-right: 15px;
}
.search{
    width: 460px;
    height: 48px;
    background:white;
    display: table-cell !important;
    float: left;
    border-radius: 0.25rem;
}
.text{
    float: left !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 17px;
    color: #484848;
    font-family:  Circular, PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC" !important;
    outline: none;    
}
</style>